<template>
  <div id="err-table">
    <el-table :data="props.tableData" border stripe :header-cell-style="headerRowStyle">
      <el-table-column type="index" label="序号" width="60"></el-table-column>
      <el-table-column prop="process_id" label="工序" ></el-table-column>
      <el-table-column prop="create_at" label="创建时间"></el-table-column>
      <el-table-column prop="creator" label="创建人"></el-table-column>
      <slot></slot>
    </el-table>
  </div>
</template>

<script setup>
import { ref, watch } from 'vue'

// const data = ref()

const props = defineProps({
  tableData: Array
})

// watch(
//   () => props.tableData,
//   e => {
//     data.value = e
//   }
// )


const headerRowStyle = (row) => {
  return {
    backgroundColor: '#f5f6f8',
  }
}

</script>

<style>
#err-table{
  width: 100%;
  height: 100%;
}
.el-table {
  --el-table-border-color: #cfcfcf;
}
</style>